<template>
  <div style="padding: 10px; background-color: #fff">
    <el-table
      height="100px"
      v-adaptive="{ bottomOffset: 20 }"
      :data="tableData"
      border
    >
      <el-table-column align="center" type="index" label="序号" width="60">
      </el-table-column>
      <el-table-column align="center" prop="name2" label="零件号">
        <template slot-scope="scope">
          <el-input
            v-model="scope.row.name2"
            placeholder="请输入"
            size="small"
            clearable
          ></el-input>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="name3" label="批次号">
        <template slot-scope="scope">
          <el-input
            v-model="scope.row.name3"
            placeholder="请输入"
            size="small"
            clearable
          ></el-input>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="name4" label="提交数量">
        <template slot-scope="scope">
          <el-input
            v-model="scope.row.name4"
            placeholder="请输入"
            size="small"
            clearable
          ></el-input>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="name5" label="日期时间">
        <template slot-scope="scope">
          <el-date-picker
            size="small"
            class="w100"
            v-model="scope.row.name5"
            type="datetime"
            placeholder="选择日期时间"
          >
          </el-date-picker>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="name6" label="设备">
        <template slot-scope="scope">
          <el-input
            v-model="scope.row.name6"
            placeholder="请输入"
            size="small"
            clearable
          ></el-input>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="name7" label="最高温度">
        <template slot-scope="scope">
          <el-input
            v-model="scope.row.name7"
            placeholder="请输入"
            size="small"
            clearable
          ></el-input>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="name8" label="保温时间">
        <template slot-scope="scope">
          <el-date-picker
            size="small"
            class="w100"
            v-model="scope.row.name8"
            type="datetime"
            placeholder="选择日期时间"
          >
          </el-date-picker>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="name9" label="操作者">
        <template slot-scope="scope">
          <el-input
            v-model="scope.row.name9"
            placeholder="请输入"
            size="small"
            clearable
          ></el-input>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="name10" label="班次">
        <template slot-scope="scope">
          <el-input
            v-model="scope.row.name10"
            placeholder="请输入"
            size="small"
            clearable
          ></el-input>
        </template>
      </el-table-column>
      <el-table-column align="center" prop="name11" label="备注">
        <template slot-scope="scope">
          <el-input
            v-model="scope.row.name11"
            placeholder="请输入"
            size="small"
            clearable
          ></el-input>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
    };
  },
  mounted() {
    for (let i = 0; i < 10; i++) {
      this.tableData.push({
        name1: `2022-6-${i + 10} 06:11:00`,
        name2: `#5-${i}`,
        name3: `4${i}`,
        name4: "P1001",
        name5: `2022-6-${i + 10} 06:11:00`,
        name6: "10米热压罐",
        name7: "10",
        name8: `2022-6-${i + 10} ${i + 10}:${i + 20}:00`,
        name9: `admin`, //0.2 0.6
        name10: `1${i}`,
        name11: "备注",
      });
    }
  },
  methods: {
    handleChange(row, keys) {
      keys.forEach((element) => {
        row[element] = false;
      });
    },
  },
};
</script>

<style>
</style>